<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS控制单元格的宽高</title>
<style type="text/css">
table{
	border:1px solid #30F;     /*设置table的边框*/
	border-collapse:collapse;   /*边框合并*/
	}
th,td{
	border:1px solid #30F;     /*为单元格单独设置边框*/
 }
.one{ width:100px; height:80px;}   /*定义"东"单元格的宽度与高度*/
.two{ height:40px;}                       /*定义"西"单元格的高度*/
.three{ width:200px; }                    /*定义"南"单元格的宽度*/ 
</style>
</head>
<body>
<table>
 <tr>
    <td class="one">A房间</td>
    <td class="two">B房间</td>
 </tr>
 <tr>
    <td class="three">C房间</td>
    <td class="four">D房间</td>
 </tr>
</table>
</body>
</html>